<template>
    <div class="image">
        <img :src="imageSrc" alt="示例图片" />
    </div>
</template>

<script>
export default {
    name: "ImageComponent",
    data() {
        return {
            imageSrc: "http://qiniu.yzulcy.top/eye.png?e=1729172534&token=4wJSiIqrHjKrgw49ou3JowKZuBCKyz8D6fu_f7pe:I_MOtGGxSbdxlU03FBzLjfXLr0A="
        };
    }
};
</script>

<style scoped>
.image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    /* 使容器高度为视口高度 */
}

img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
    /* 可选：给图片添加圆角 */
}
</style>